 <template>
 	<view class="container">
 		<!-- 客户信息卡片 -->
 		<view class="customer-card">
 			<view class="customer-header">
 				<view class="customer-info">
 					<view class="customer-name" v-if="showViewType == 1">
 						{{qunFormData.chatName?qunFormData.chatName:qunFormData.groupChat.name}}
 					</view>
 					<view class="customer-name" v-else>
 						{{infoFormData.cname}}
 					</view>
 					<view class="customer-tags">
 						<text class="tag">跟进阶段 <text style="color: #2979ff; margin-left: 15rpx;"
 								@click="showgenjinPicker =true">{{selectedgenjinStage}}</text>
 							<u-icon name="arrow-right" color="#2979ff" size="12"
 								style="display: inline-block;"></u-icon>
 						</text>
 					</view>
 					<view class="customer-tags">
 						<!-- <text class="tag">生命周期 <text style="color: #2979ff; margin-left: 10rpx;">新客期</text></text> -->
 					</view>
 				</view>
 				<view class="customer-avatar">
 					<!-- <u-avatar text="五" fontSize="28" randomBgColor></u-avatar> -->
 					<u--image :showLoading="true" :src="infoFormData.avatar ?infoFormData.avatar:WxAvatar.url"
 						shape="circle" width="120rpx" height="120rpx"></u--image>

 				</view>
 			</view>
 		</view>
 		<view class="customer-details">
 			<view class="detail-item" style="margin-bottom: 0%;">最近联系时间</view>
 			<view class="detail-item" style="margin-bottom: 0%;" v-if="showViewType == 0">
 				{{infoFormData.lasttime?infoFormData.lasttime:'--'}}
 			</view>
 			<view class="detail-item" style="margin-bottom: 0%;" v-else>
 				{{qunFormData.lastLianxiTime?qunFormData.lastLianxiTime:'--'}}
 			</view>
 			<!-- <view class="detail-item">已添加企业微信，<text class="highlight" @click="mergeClick">点我合并</text></view> -->
 		</view>
 		<!-- Tab栏 -->
 		<view class="tabs">
 			<view v-for="(tab, index) in tabs" :key="index" class="tab" :class="{active: currentTab === index}"
 				@tap="switchTab(index)">
 				{{tab}}
 			</view>
 		</view>

 		<!-- 内容区域容器 -->
 		<view class="content-container">
 			<!-- 详细信息Tab内容 -->
 			<scroll-view scroll-y="true" class="tab-content" v-if="currentTab === 0"
 				style="height: calc(100% - 40px);">
 				<!-- 群详细信息 -->
 				<u-cell-group v-if="showViewType == 1">
 					<u-cell size="large" title="群名" :value="qunFormData.chatName" isLink
 						@click="showEditModal('chatName')"></u-cell>
 					<u-cell size="large" title="备注名" :value="qunFormData.qunBeizhu" isLink
 						@click="showEditModal('qunBeizhu')"></u-cell>
 					<u-cell size="large" title="描述" :value="qunFormData.miaoshu" isLink
 						@click="showEditModal('miaoshu')"></u-cell>
 					<u-cell size="large" title="所属人" :value="qunFormData.userId"></u-cell>
 					<u-cell size="large" title="等级" :value="qunFormData.biaoqian" @click="showStatusPicker =true"
 						isLink></u-cell>
 					<!-- 	<u-cell size="large" title="跟进阶段" :value="selectedgenjinStage" @click="showgenjinPicker =true"
 						isLink></u-cell> -->
 					<u-cell size="large" title="业务来源" :value="selectedyewuSource" isLink
 						@click="jumpSource()"></u-cell>
 					<u-cell size="large" title="创建时间" :value="qunFormData.ctime"></u-cell>
 					<u-cell size="large" title="最后联系时间" :value="qunFormData.lastLianxiTime"></u-cell>
 					<!-- @click="showDatePicker = true" -->
 					<u-cell size="large" title="群成员" :value="qunFormData.groupChat.memberList.length" isLink
 						@click="openQunListInfo(qunFormData.groupChat)"></u-cell>
 				</u-cell-group>
 				<!-- 个人用户信息  -->
 				<u-cell-group v-else>
 					<u-cell size="large" title="姓名" :value="infoFormData.cname" isLink
 						@click="showEditModal('cname')"></u-cell>
 					<u-cell size="large" title="手机号" :value="infoFormData.mobile" isLink
 						@click="showEditModal('mobile')"></u-cell>
 					<u-cell size="large" title="客户类型" :value="ctypeData"></u-cell>
 					<u-cell size="large" title="来源" :value="sourceData"></u-cell>
 					<u-cell size="large" title="等级" :value="infoFormData.biaoqian" @click="showStatusPicker =true"
 						isLink></u-cell>
 					<u-cell size="large" title="公司" :value="infoFormData.company" isLink
 						@click="showEditModal('company')"></u-cell>
 					<u-cell size="large" title="描述" :value="infoFormData.miaoshu" isLink
 						@click="showEditModal('miaoshu')"></u-cell>
 					<u-cell size="large" title="职业" :value="infoFormData.job" isLink
 						@click="showJobPicker = true"></u-cell>
 					<u-cell size="large" title="职务" :value="infoFormData.zhiwu" isLink
 						@click="showEditModal('zhiwu')"></u-cell>
 					<u-cell size="large" title="婚育情况" :value="infoFormData.hyqk" isLink
 						@click="showEditModal('hyqk')"></u-cell>
 					<u-cell size="large" title="业务来源" :value="selectedyewuSource" isLink
 						@click="jumpSource()"></u-cell>
 					<u-cell size="large" title="客户来源" :value="csourceData"></u-cell>
 					<u-cell size="large" title="本地居住时长" :value="infoFormData.duration" isLink
 						@click="clickSelectPicker('duration')"></u-cell>
 					<!-- pay_Pref -->
 					<u-cell size="large" title="支付偏好" :value="infoFormData.payPref" isLink
 						@click="clickSelectPicker('payPref')"></u-cell>
 					<u-cell size="large" title="投资偏好" :value="infoFormData.invPref" isLink
 						@click="clickSelectPicker('invPref')"></u-cell>
 					<u-cell size="large" title="月收入" :value="infoFormData.income" isLink
 						@click="clickSelectPicker('income')"></u-cell>
 					<!-- xyfxData -->
 					<u-cell size="large" title="信用风险评分" :value="infoFormData.xyfx" isLink
 						@click="clickSelectPicker('xyfx')"></u-cell>
 					<u-cell size="large" title="五色名单" :value="infoFormData.wsmd" isLink
 						@click="clickSelectPicker('wsmd')"></u-cell>
 					<u-cell size="large" title="是否代发用户" :value="infoFormData.sfdf" isLink
 						@click="clickSelectPicker('sfdf')"></u-cell>
 					<!-- cLifecycle -->
 					<u-cell size="large" title="生命周期" :value="infoFormData.cLifecycle" isLink
 						@click="clickSelectPicker('cLifecycle')"></u-cell>
 					<!-- djzt -->
 					<u-cell size="large" title="法人代表" :value="infoFormData.frdb" isLink
 						@click="showEditModal('frdb')"></u-cell>
 					<u-cell size="large" title="注册资本" :value="infoFormData.zczb" isLink
 						@click="showEditModal('zczb')"></u-cell>
 					<u-cell size="large" title="成立日期" :value="infoFormData.clrq" isLink
 						@click="birthdayOrClrq('clrq')"></u-cell>
 					<u-cell size="large" title="统一社会信用代码" :value="infoFormData.tyshxydm"
 						@click="showEditModal('tyshxydm')" isLink></u-cell>
 					<!-- 			<u-cell size="large" title="网址" :value="infoFormData.web" isLink
 						@click="showEditModal('web')"></u-cell> -->
 					<u-cell size="large" title="登记状态" :value="infoFormData.djzt" isLink
 						@click="clickSelectPicker('djzt')"></u-cell>
 					<!-- nsrzzData -->
 					<u-cell size="large" title="纳税人资质" :value="infoFormData.nsrzz" isLink
 						@click="clickSelectPicker('nsrzz')"></u-cell>
 					<u-cell size="large" title="企业类型" :value="infoFormData.qytype" isLink
 						@click="clickSelectPicker('qytype')"></u-cell>
 					<!-- qyrdData -->
 					<u-cell size="large" title="企业认定" :value="infoFormData.qyrd" isLink
 						@click="clickSelectPicker('qyrd')"></u-cell>
 					<!-- rygm -->
 					<u-cell size="large" title="人员规模" :value="infoFormData.rygm" isLink
 						@click="showEditModal('rygm')"></u-cell>
 					<u-cell size="large" title="行业" :value="infoFormData.hangye" isLink
 						@click="clickSelectPicker('hangye')"></u-cell>
 					<!-- transPref -->
 					<u-cell size="large" title="交易偏好" :value="infoFormData.transPref" isLink
 						@click="clickSelectPicker('transPref')"></u-cell>
 					<u-cell size="large" title="生日" :value="infoFormData.birthday" isLink
 						@click="birthdayOrClrq('birthday')"></u-cell>
 					<u-cell size="large" title="邮箱" :value="infoFormData.email" isLink
 						@click="showEditModal('email')"></u-cell>
 					<u-cell size="large" title="性别" :value="genderData" @click="showgenderPicker =true"
 						isLink></u-cell>
 					<u-cell size="large" title="年龄" :value="infoFormData.age" isLink
 						@click="showEditModal('age')"></u-cell>
 					<AreaPicker :city="showCityData" @change="onAreaChange"></AreaPicker>
 					<!-- <u-cell size="large" title="省份" :value="infoFormData.shengfen" isLink
 						@click="showEditModal('shengfen')"></u-cell> -->
 					<!-- <u-cell size="large" title="城市" :value="infoFormData.city" isLink
 						@click="showEditModal('city')"></u-cell> -->
 					<!-- 	<u-cell size="large" title="区/县" :value="infoFormData.xian" isLink
 						@click="showEditModal('xian')"></u-cell> -->
 					<u-cell size="large" title="地址" :value="infoFormData.addr" isLink
 						@click="showEditModal('addr')"></u-cell>
 					<u-cell size="large" title="学历" :value="infoFormData.xueli" isLink
 						@click="showEditModal('xueli')"></u-cell>
 					<u-cell size="large" title="是否存量" :value="infoFormData.cl_status == 0?'否':'是'"></u-cell>
 					<u-cell size="large" title="是否关联" :value="infoFormData.isguanlian == 0?'否':'是'"></u-cell>
 					<u-cell size="large" title="更新时间" :value="infoFormData.uptime"></u-cell>
 					<u-cell size="large" title="最后沟通时间" :value="infoFormData.lasttime"></u-cell>
 					<u-cell size="large" title="创建时间" :value="infoFormData.ctime"></u-cell>
 				</u-cell-group>
 				<!-- 日期选择弹窗 -->
 				<u-datetime-picker :show="showDatePicker" v-model="dateValue" mode="date" :minDate="minDate"
 					:maxDate="maxDate" :formatter="formatter" @confirm="onDateConfirm" @cancel="showDatePicker = false"
 					title="选择日期" confirmColor="#2979ff">
 				</u-datetime-picker>

 				<!-- 性别选择弹窗 -->
 				<u-picker :show="showgenderPicker" :columns="[genderOptions]" keyName="text" @confirm="onGenderConfirm"
 					@cancel="showgenderPicker = false" title="性别选择" confirmColor="#2979ff"></u-picker>
 				<!-- 等级状态选择弹窗 -->
 				<u-picker :show="showStatusPicker" :columns="[statusOptions]" keyName="text" @confirm="onStatusConfirm"
 					@cancel="showStatusPicker = false" title="客户等级" confirmColor="#2979ff"></u-picker>
 				<!-- 职业选择弹窗 -->
 				<u-picker :show="showJobPicker" :columns="[jobOptions]" keyName="text" @confirm="onJobConfirm"
 					@cancel="showJobPicker = false" title="职业选择" confirmColor="#2979ff"></u-picker>
 				<!-- 通用选择框弹窗 -->
 				<u-picker :show="showSelectPicker" :columns="[selectOptions.array]" keyName="text"
 					@confirm="onSelectConfirm" @cancel="showSelectPicker = false" :title="selectOptions.title"
 					confirmColor="#2979ff"></u-picker>
 				<!-- uView 弹出层 -->
 				<u-popup :show="showModal" mode="bottom" border-radius="16" :closeable="true" @close="closeModal">
 					<view class="modal-container">
 						<view class="modal-header">{{ modalTitle }}</view>
 						<view class="modal-body">
 							<view class="input-group">{{ inputLabel }}</view>
 							<u-input v-model="tempValue" :placeholder="inputPlaceholder" :maxlength="InputMaxLength"
 								:type="inputType" clearable border="surround" />
 							<!-- <view class="char-count">{{ tempValue.length }}/{{ maxLength }}</view> -->
 						</view>
 						<!-- 弹窗底部按钮 -->
 						<view class="modal-footer">
 							<u-button type="info" shape="circle" @click="closeModal" :plain="true">取消</u-button>
 							<u-button type="primary" shape="circle" @click="confirmEdit"
 								:disabled="!tempValue.trim()">确定</u-button>
 						</view>
 					</view>
 				</u-popup>
 				<!-- 点击合并~操作窗口  功能待开发-->
 				<u-popup :show="mergeShow" mode="bottom" :closeable="true" @close="mergeClose">
 					<view class="modal-content">
 						<!-- 弹窗头部 -->
 						<view class="modal-header">
 							<text class="modal-title">合并客户</text>
 						</view>

 						<!-- 步骤条 -->
 						<view class="steps-container">
 							<view class="steps">
 								<view class="step-item">
 									<view class="step-icon active">
 										<u-icon name="checkmark" color="#fff" size="14"></u-icon>
 									</view>
 									<text class="step-text active">选择客户</text>
 								</view>
 								<view class="step-item">
 									<view class="step-icon" :class="{active:mergePage >1?true:false}">2</view>
 									<text class="step-text" :class="{active:mergePage >1?true:false}">设置规则</text>
 								</view>
 								<view class="step-item">
 									<view class="step-icon" :class="{active:mergePage >2?true:false}">3</view>
 									<text class="step-text" :class="{active:mergePage >2?true:false}">合并完成</text>
 								</view>
 							</view>
 						</view>

 						<!-- 选择客户  第一步-->
 						<view class="oneView" v-show="mergePage ==1" style="height: 970rpx;">
 							<view class="search-section">
 								<u-search v-model="searchKeyword" placeholder="客户名称/手机号/公司名称" :show-action="false"
 									bg-color="#f8f9fa" border-color="#e8e8e8" @change="handleSearch"></u-search>

 								<!-- 客户列表 -->
 								<scroll-view class="customer-list" scroll-y>
 									<view class="customer-item"
 										:class="{ selected: selectedCustomer.id === customer.id }"
 										v-for="customer in filteredCustomers" :key="customer.id"
 										@click="selectCustomer(customer)">
 										<view class="customer-avatar">
 											<text>{{ customer.name.charAt(0) }}</text>
 										</view>
 										<view class="customer-info">
 											<text class="customer-name">{{ customer.name }}</text>
 											<text class="customer-company">@{{ customer.company }}</text>
 										</view>
 										<view class="check-icon" v-if="selectedCustomer.id === customer.id">
 											<u-icon name="checkmark" color="#2b85e4" size="18"></u-icon>
 										</view>
 									</view>

 									<view class="no-more">
 										<text>- 没有更多了 ~</text>
 									</view>
 								</scroll-view>
 							</view>

 							<!-- 底部按钮 -->
 							<view class="modal-footer">
 								<u-button type="default" shape="circle" @click="mergeClose">取消</u-button>
 								<u-button type="primary" shape="circle" @click="goToNextStep"
 									:disabled="!selectedCustomer.id">下一步</u-button>
 							</view>
 						</view>


 						<!-- 设置规则 第二步-->
 						<view class="twoView" v-show="mergePage == 2" style="height: 970rpx;">
 							<view class="content-section">
 								<!-- 合并主体 -->
 								<view class="merge-section">
 									<text class="merge-header">合并主体</text>
 									<view class="merge-content">
 										<view class="customer-cards">
 											<view class="customer-avatar">王</view>
 											<view class="customer-info">
 												<text class="customer-type">导入客户</text>
 												<text class="customer-type">(合并后删除)</text>
 												<text class="customer-name">王五</text>
 											</view>
 										</view>
 										<view class="merge-arrow">
 											<u-icon name="arrow-right" color="#2b85e4" size="20"></u-icon>
 										</view>
 										<view class="customer-cards">
 											<view class="customer-avatar">张</view>
 											<view class="customer-info">
 												<text class="customer-type">企业微信客户</text>
 												<text class="customer-name">张三</text>
 											</view>
 										</view>
 									</view>
 								</view>

 								<!-- 数据主体 -->
 								<view class="data-subject">
 									<text class="subject-title">

 									</text>
 									<!-- 		<view class="subject-options">
 										<view class="subject-option" :class="{ selected: dataSubject === 'import' }"
 											@click="selectDataSubject('import')">
 											<view class="option-header">
 												<text class="option-title">导入客户</text>
 												<view class="check-icon" v-if="dataSubject === 'import'">
 													<u-icon name="checkmark" color="#2b85e4" size="16"></u-icon>
 												</view>
 											</view>
 											<text class="option-content">王五</text>
 										</view>
 										<view class="subject-option" :class="{ selected: dataSubject === 'wechat' }"
 											@click="selectDataSubject('wechat')">
 											<view class="option-header">
 												<text class="option-title">企业微信客户</text>
 												<view class="check-icon" v-if="dataSubject === 'wechat'">
 													<u-icon name="checkmark" color="#2b85e4" size="16"></u-icon>
 												</view>
 											</view>
 											<text class="option-content">张三</text>
 										</view>
 									</view> -->
 								</view>
 								<!-- 合并规则 -->
 								<view class="merge-rules">
 									<text class="rules-title">合并规则</text>
 									<view class="rules-list">
 										<view class="rule-item">
 											<text class="rule-bullet">●</text>
 											<text
 												class="rule-text">合并后，双方客户数据信息做合并显示，以【数据主体】客户信息为主，【数据主体】客户无数据的字段将由另一客户数据填充</text>
 										</view>
 										<view class="rule-item">
 											<text class="rule-bullet">●</text>
 											<text class="rule-text">标签、联系情况将自动叠加合并</text>
 										</view>
 										<view class="rule-item">
 											<text class="rule-bullet">●</text>
 											<text class="rule-text">合并后，非好友客户在您系统内删除</text>
 										</view>
 									</view>
 								</view>
 							</view>
 							<!-- 底部按钮 -->
 							<view class="modal-footer">
 								<u-button type="default" shape="circle" @click="goToPreviousStep">上一步</u-button>
 								<u-button type="primary" shape="circle" @click="confirmMerge">确定</u-button>
 							</view>
 						</view>
 						<view class="threeView" v-show="mergePage ==3" style="height: 970rpx;">
 							<view class="success-container">
 								<view class="success-icon">
 									<u-icon name="checkmark" color="#ffffff" size="40"></u-icon>
 								</view>
 								<text class="success-title">合并客户成功</text>
 								<text class="success-desc">{{ countdown }}秒后自动跳转到客户列表页</text>
 								<u-button class="jump-btn" type="primary" @click="navigateToManagement">
 									立即跳转
 								</u-button>
 							</view>
 						</view>
 					</view>
 				</u-popup>
 				<!-- 底部tabbar按钮 -->
 				<u-tabbar :fixed="true" :placeholder="false" :safeAreaInsetBottom="false" activeColor="#1989fa"
 					inactiveColor="#7d7e80">
 					<u-tabbar-item @click="changetab(1)" text="转让" icon="share-fill"></u-tabbar-item>
 					<!-- 	<u-tabbar-item activeColor="#1989fa" inactiveColor="#7d7e80" @click="changetab(2)" text="分享"
 						icon="share"></u-tabbar-item> -->
 					<u-tabbar-item v-show="showViewType == 0" @click="changetab(3)" text="呼叫"
 						icon="phone-fill"></u-tabbar-item>
 				</u-tabbar>
 				<!-- 转让按钮~操作窗口 -->
 				<u-popup @close="closeShare" :show="showShare" :closeable="closeable" :closeOnClickOverlay="closeable"
 					mode="center" :round="10">
 					<view class="popnoxssty">
 						<view class="poptitle">
 							转让
 						</view>

 						<scroll-view>
 							<view style="height: 35vh;" v-if="guanliList.length == 0">
 								<div style="height: 100%; display: flex; align-items: center;justify-content: center;">
 									<u-loading-icon textSize="20"></u-loading-icon>
 								</div>
 							</view>
 							<u-list v-else
 								style="height: 35vh;display: flex; align-items: center;justify-content: center;">
 								<u-list-item v-for="(item, index) in guanliList" :key="index">
 									<u-cell :title="`${item.userName}`" @click="enterCell(item)">
 										<u-avatar slot="icon" shape="square" size="35"
 											customStyle="margin: -3px 5px -3px 0"></u-avatar>
 									</u-cell>
 								</u-list-item>
 							</u-list>
 						</scroll-view>
 					</view>
 				</u-popup>
 				<!-- 确认转让 模态框 -->
 				<u-modal :show="enterShowShare" :title="shareTitle" :content='shareContent.content' showConfirmButton
 					showCancelButton buttonReverse @confirm="enterShareconfirm" @cancel="closeSharecancel"></u-modal>
 			</scroll-view>
 			<!-- 客户活动Tab内容 -->
 			<scroll-view scroll-y="true" class="tab-content" v-if="currentTab === 1">
 				<!-- <view class="placeholder">客户活动内容区域</view> -->
 				<view class="timeline">
 					<!-- 动态渲染活动数据 -->
 					<view class="timeline-item" v-for="(item, index) in activities" :key="index">
 						<view class="timeline-node" v-if="item.recordsType == 1">
 							<u-avatar fontSize="18" :src="item.data.avatar" randomBgColor></u-avatar>
 						</view>
 						<view class="timeline-node" v-else>
 							<u-avatar fontSize="18" randomBgColor></u-avatar>
 						</view>
 						<view class="timeline-date">{{item.ctime}}</view>
 						<view class="activity-card" v-if="item.recordsType == 1">
 							<view class="activity-title">
 								<text class="icon">✓</text>{{item.data.titleName}}
 							</view>
 							<view class="activity-detail">
 								<view class="change-item">
 									<!-- <text class="change-label">标题</text> -->
 									<view style="margin-bottom: 6rpx;">
 										修改前
 										<text class="change-before">{{item.data.editf?item.data.editf:''}}</text>
 									</view>
 									<view class="">
 										修改后
 										<text class="change-after">{{item.data.edith?item.data.edith:''}}</text>
 									</view>
 								</view>
 							</view>
 							<view class="activity-title">
 								<!-- <u-avatar fontSize="18" randomBgColor></u-avatar> -->
 								<!-- <text style="margin-left: 20rpx;">{{item.data.kehuName}}</text> -->
 							</view>
 						</view>
 						<view class="activity-card" v-else-if="item.recordsType == 3">
 							<view class="activity-title">
 								<text class="icon">✓</text>{{item.data.biaoti}}
 							</view>
 							<view class="activity-detail">
 								<view class="change-item">
 									<!-- <text class="change-label">{{item.data.biaoti}}</text> -->
 									<view class="">
 										修改后
 										<text class="change-after">{{item.data.szneirong}}</text>
 									</view>
 								</view>
 							</view>
 							<!-- <view class="activity-title">
 								<u-avatar fontSize="18" randomBgColor></u-avatar><text
 									style="margin-left: 20rpx;">天天</text>
 							</view> -->
 						</view>
 						<view class="activity-card" v-else-if="item.recordsType == 2">
 							<view class="activity-title">
 								<text class="icon">✓</text>{{item.data.title}}
 							</view>
 							<view class="activity-detail">
 								<view class="change-item">
 									<!-- <text class="change-label">{{item.data.biaoti}}</text> -->
 									<view class="">
 										修改后
 										<text class="change-after">{{item.data.neirong}}</text>
 									</view>
 								</view>
 							</view>
 							<!-- 	<view class="activity-title">
 								<u-avatar fontSize="18" randomBgColor></u-avatar>
 								<text style="margin-left: 20rpx;">天天</text>
 							</view> -->
 						</view>
 						<view class="" v-else></view>
 					</view>
 				</view>
 				<view class="no-more">
 					<text style="color: #2979ff;" v-if="activityMores" @click="activityMore">点击加载更多</text>
 					<text v-else>~ 没有更多了 ~</text>
 				</view>

 			</scroll-view>
 			<!-- 跟进情况Tab内容 -->
 			<scroll-view class="tab-content" style="display: flex;" v-if="currentTab === 2">

 				<!-- 添加跟进开关 -->
 				<view class="follow-toggle">
 					<view style="display: flex;">
 						<text class="toggle-label">添加跟进 ⏰：</text>
 						<view class="toggle-switch">
 							<!-- <switch @change="toggleFollow" color="#07c160" /> -->
 							<u-switch style="height: 100%;" v-model="switch1" @change="toggleFollow"></u-switch>
 						</view>
 					</view>
 					<view>
 						<u-action-sheet :actions="actions" :closeOnClickOverlay="true" :closeOnClickAction="true"
 							@select="selectClick" @close="closeSelect" :show="show">
 							<template>
 								<u-list style="height: auto;">
 									<u-list-item v-for="(item, index) in actions" :key="index"
 										style="border-bottom: #999;">
 										<view class="list-item" @click="selectClick(item)">
 											<view>
 												<u--image :src="item.url" width="40rpx" height="40rpx"></u--image>
 												<text class="item-text">{{ item.name }}</text>
 											</view>
 										</view>
 									</u-list-item>
 								</u-list>
 							</template>
 						</u-action-sheet>
 						<view style="display: flex; align-items: center;" @click="show = true">
 							<u--image :src="selectedAction.url" width="40rpx" height="40rpx"></u--image>
 							<text>{{selectedAction.name}}</text><u-icon name="arrow-down"></u-icon>
 						</view>
 					</view>
 				</view>
 				<!-- 输入区域 -->
 				<view class="input-area">
 					<text class="input-label">请输入跟进内容</text>
 					<u--textarea class="content-input" placeholder="请输入跟进内容..." v-model="followContent" autoHeight
 						count></u--textarea>
 				</view>
 				<!-- 暂无数据 -->
 				<!-- 提交按钮 -->
 				<view class="submit-area">
 					<button class="submit-btn" @click="uploadBtn">
 						上传附件
 					</button>
 					<text style="font-size: 20rpx;">附件个数：{{this.uploadFiles.length}}</text>

 					<button class="submit-btn" :disabled="!followContent" @tap="submitFollow">
 						提交跟进
 					</button>
 				</view>
 				<view class="gjjl-list">
 					<scroll-view style="height: 100%;">
 						<div class="filter-section">
 							<view>
 								<u-action-sheet :actions="shaixuanactions" :closeOnClickOverlay="true"
 									:closeOnClickAction="true" @select="selectShaixuanClick"
 									@close="closeShaixuanSelect" :show="isFilterVisible">

 								</u-action-sheet>

 								<view style="display: flex;" @click="showFilterModal">
 									<text>{{selectShaixuanAction.name}}</text><u-icon name="arrow-down"></u-icon>
 								</view>
 							</view>
 							<!-- <view slot="right" class="navbar-right" @click="showFilterModal" style="display: flex;">
 								<text class="filter-text">筛选</text><u-icon name="arrow-down"></u-icon>
 							</view> -->
 						</div>
 						<!-- 跟进情况组件 -->
 						<GjjlList :types="types" ref="gjjlRef" :showType="showViewType" :dataID='dataId'
 							:filtrate="selectShaixuanAction">
 						</GjjlList>
 					</scroll-view>
 				</view>
 				<view>
 					<u-datetime-picker :show="showTimerPicker" :minDate="minTimeDate" :maxDate="maxTimeDate"
 						:formatter="formatter" @confirm="onDateTimeConfirm" @cancel="closeTimerPicker" title="选择日期时间"
 						confirmColor="#2979ff">
 					</u-datetime-picker>

 				</view>

 			</scroll-view>
 			<!-- 活跃记录Tab内容 -->
 			<scroll-view scroll-y="true" class="tab-content" v-if="currentTab === 3">
 				<view class="timeline">
 					<!-- 动态渲染活动数据 -->
 					<view class="timeline-item" v-for="(activity, index) in activeUser" :key="index">
 						<view class="timeline-node">
 							<u-avatar text=" " fontSize="10" randomBgColor></u-avatar>
 						</view>
 						<view class="timeline-date">{{activity.ctime}}</view>
 						<view class="activity-card">
 							<view class="activity-title">
 								<text class="icon"></text> {{activity.linkTitle}}
 							</view>
 							<view class="activity-detail">
 								<textarea v-model="activity.content" name="123" id="" cols="30" rows="10"></textarea>
 							</view>
 						</view>
 						<!-- <view class="no-more-data" v-else>
 							{{activity.message}}
 						</view> -->

 					</view>
 					<view class="no-more">
 						<text style="color: #2979ff;" v-if="activityMores" @click="activitionMore">点击加载更多</text>
 						<text v-else>~ 没有更多了 ~</text>
 					</view>
 				</view>
 			</scroll-view>

 			<!-- 拜访记录 -->
 			<view v-show="currentTab === 4" class="checkInFill-box1">
 				<mescroll-body @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption"
 					:up="upOption">
 					<view class="checkInFill-box">
 						<view class="item-box" v-for="item in checkInFillList" @click="intoCheckInFillDetail(item)">
 							<view class="row">
 								<text class="label">拜访时间：</text>
 								<text class="val" style="font-size: 25rpx;">{{item.checkInDate}}</text>
 							</view>

 							<view class="row">
 								<text class="label">拜访人：</text>
 								<text class="val">{{item.createBy}} </text>
 							</view>
 							<view class="row">
 								<text class="label">意向产品：</text>
 								<text class="val"> {{yewuSourceStatus(item.intendedProduct2)}}</text>
 							</view>
 							<view class="row">
 								<text class="label">拜访结果：</text>
 								<text class="val"> {{item.visitResult}}</text>
 							</view>
 						</view>
 					</view>

 				</mescroll-body>
 			</view>





 			<!-- 顶部导航 跟进状态选择弹窗 -->
 			<u-picker :show="showgenjinPicker" :columns="[genjinList]" keyName="value" @confirm="genjinConfirm"
 				@cancel="showgenjinPicker = false" title="跟进阶段" confirmColor="#2979ff"></u-picker>
 		</view>
 	</view>
 </template>

 <script>
 	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
 	import api from "@/utils/api.js"
 	import request from "@/utils/request.js";
 	import GjjlList from "./components/gjjlList.vue";
 	import AreaPicker from './components/citySelect.vue';
 	import {
 		listJzzxCheckInFill
 	} from '@/common/api/JzzxCheckInFill.js'
 	export default {
 		components: {
 			GjjlList,
 			AreaPicker
 		},
 		mixins: [MescrollMixin],
 		data() {
 			// 获取当前日期
 			const now = new Date();
 			const year = now.getFullYear();
 			const month = now.getMonth();
 			const day = now.getDate();
 			return {
 				showSelectPicker: false, //通用picker状态
 				// 通用弹窗配置picker //通用 options数据
 				selectOptions: {
 					array: [], //选择数据集合
 					title: '', //修改提示语
 					keyData: '', //修改用的参数
 				},
 				WxAvatar: {
 					url: '../../static/wxtx.png',
 				}, //群头像
 				types: '2',
 				dataId: {},
 				showShare: false, //分享转让 弹窗显隐
 				enterShowShare: false, //转让确认框 显藏
 				shareTitle: '提醒',
 				shareContent: {
 					id: '',
 					content: '转让'
 				},
 				guanliShowLoading: true,
 				guanliList: [], //管理人员 列表（转让窗口）
 				guanliUserID: '', //转让功能 暂存Id
 				closeable: true,
 				shaixuanactions: [{
 						name: '📝全部',
 						id: '0',
 					},
 					{
 						name: '📝待办任务',
 						id: '1',
 					},
 					{
 						name: '📝跟进记录',
 						id: '2',
 					}
 				],
 				switch1: false,
 				uploadFiles: [], //附件内容
 				activityPageSize: '', //活动页数个数
 				activepage: 10,
 				activelyTotal: '', //活动总数
 				activityMores: true, //加载更多按钮  显隐
 				morenAvatar: '', //默认头像
 				showViewType: '1', //客户和群详情的type类型
 				mergeShow: false, //合并弹窗状态
 				mergePage: 1, //合并步骤当前页数
 				countdown: 3, //倒计时跳转
 				searchKeyword: '',
 				selectedCustomer: {},
 				customers: [{
 						id: 1,
 						name: '张三',
 						company: '石家庄信息有限公司',
 						phone: '138****1234'
 					},
 					{
 						id: 2,
 						name: '李四',
 						company: '北京科技有限公司',
 						phone: '139****5678'
 					},
 					{
 						id: 3,
 						name: '王五',
 						company: '上海贸易有限公司',
 						phone: '137****9012'
 					}
 				],

 				username: '123',
 				chatId: '', //页面的chatId
 				selectedyewuSource: '', //业务来源回显变量
 				selectedgenjinStage: '', //跟进阶段回显变量
 				isFollowEnabled: true,
 				followContent: '',
 				hasFollowRecords: false,
 				userData: [{
 					cname: '',
 					avatar: ''
 				}],
 				dataOrclrq: '', //生日或 成立日期
 				showDatePicker: false, //日期选择框
 				showTimerPicker: false, //日期时间选择框
 				showStatusPicker: false, //等级选择框
 				showgenjinPicker: false, //跟进状态选择框
 				showgenderPicker: false, //性别选择框
 				showJobPicker: false, //job职业选择框
 				selectedDate: '',
 				selectedStatus: '',
 				datetimeValue: "",
 				dateValue: Number(new Date()), // 时间戳格式
 				minDate: Number(new Date(year - 100, 0, 1)), // 去年1月1日
 				maxDate: Number(new Date(year + 1, 11, 31)), // 明年12月31日
 				minTimeDate: Number(new Date().getTime()), //获取当前时间点
 				maxTimeDate: Number(new Date(year + 1, 11, 31)), // 明年12月31日
 				// 性别选择
 				genderOptions: [{
 					text: '男',
 					value: 1
 				}, {
 					text: '女',
 					value: 2
 				}],
 				// 客户来源回显（客户）
 				csourceOptions: [{
 					text: '企业微信客户',
 					value: 1
 				}, {
 					text: '导入客户',
 					value: 2
 				}, {
 					text: '转让客户',
 					value: 3
 				}, {
 					text: '分享客户',
 					value: 4
 				}],
 				// 本地居住时长回显
 				durationOptions: [{
 					text: '3年',
 					value: '1'
 				}, {
 					text: '3-10年',
 					value: '2'
 				}, {
 					text: '10年以上',
 					value: '3'
 				}],
 				// 支付偏好回显
 				payPrefOptions: [{
 					text: '现金',
 					value: '1'
 				}, {
 					text: '银行卡',
 					value: '2'
 				}, {
 					text: '电子钱包',
 					value: '3'
 				}, {
 					text: '信用卡',
 					value: '4'
 				}, ],
 				// 投资偏好回显
 				invPrefOptions: [{
 					text: '保守',
 					value: '1'
 				}, {
 					text: '稳健',
 					value: '2'
 				}, {
 					text: '激进',
 					value: '3'
 				}],
 				// 月收入回显
 				incomeOptions: [{
 					text: '3000元',
 					value: '1'
 				}, {
 					text: '3001-8000元',
 					value: '2'
 				}, {
 					text: '8001-15000元',
 					value: '3'
 				}, {
 					text: '15001元以上',
 					value: '4'
 				}, ],
 				// 信用风险回显
 				xyfxOptions: [{
 						text: 'AAA',
 						value: '1'
 					}, {
 						text: 'AA',
 						value: '2'
 					}, {
 						text: 'A',
 						value: '3'
 					}, {
 						text: 'BBB',
 						value: '4'
 					}, {
 						text: 'BB',
 						value: '5'
 					}, {
 						text: 'B',
 						value: '6'
 					}, {
 						text: 'CCC',
 						value: '7'
 					}, {
 						text: 'CC',
 						value: '8'
 					},
 					{
 						text: 'C',
 						value: '9'
 					}
 				],
 				// 五色名单回显
 				wsmdOptions: [{
 					text: '黑名单',
 					value: '1'
 				}, {
 					text: '白名单',
 					value: '2'
 				}, {
 					text: '蓝名单',
 					value: '3'
 				}, {
 					text: '黄名单',
 					value: '4'
 				}, {
 					text: '灰名单',
 					value: '5'
 				}, ],
 				sfdfOptions: [{
 					text: '是',
 					value: '0'
 				}, {
 					text: '否',
 					value: '1'
 				}, ],
 				cLifecycleOptions: [{
 					text: '新客引导期',
 					value: '1'
 				}, {
 					text: '成长期',
 					value: '2'
 				}, {
 					text: '成熟期',
 					value: '3'
 				}, {
 					text: '衰退期',
 					value: '4'
 				}, {
 					text: '流失期',
 					value: '5'
 				}, ],
 				djztOptions: [{
 					text: '存续',
 					value: '1'
 				}, {
 					text: '注销',
 					value: '2'
 				}, {
 					text: '吊销',
 					value: '3'
 				}, {
 					text: '撤销',
 					value: '4'
 				}, {
 					text: '迁入',
 					value: '5'
 				}, {
 					text: '迁出',
 					value: '6'
 				}, {
 					text: '停业',
 					value: '7'
 				}, {
 					text: '清算',
 					value: '8'
 				}, ],
 				nsrzzOptions: [{
 						text: '一般纳税人',
 						value: '1'
 					},
 					{
 						text: '小规模纳税人',
 						value: '2'
 					},
 				],
 				qytypeOptions: [{
 					text: '个体工商户',
 					value: '1'
 				}, {
 					text: '个人独资企业',
 					value: '2'
 				}, {
 					text: '合伙企业',
 					value: '3'
 				}, {
 					text: '有限责任公司',
 					value: '4'
 				}, {
 					text: '股份有限公司',
 					value: '5'
 				}, ],
 				qyrdOptions: [{
 					text: '专精特新',
 					value: '1'
 				}, {
 					text: '科技小巨人',
 					value: '2'
 				}, {
 					text: '高新技术',
 					value: '3'
 				}, {
 					text: '普惠金融',
 					value: '4'
 				}, ],
 				hangyeOptions: [{
 					text: '农业企业',
 					value: '1'
 				}, {
 					text: '制造企业',
 					value: '2'
 				}, {
 					text: '服务企业',
 					value: '3'
 				}, {
 					text: '事业单位',
 					value: '4'
 				}, {
 					text: '机关单位',
 					value: '5'
 				}, {
 					text: '部队',
 					value: '6'
 				}, {
 					text: '社会团体',
 					value: '7'
 				}, {
 					text: '其他经济实体',
 					value: '8'
 				}, ],
 				transPrefOptions: [{
 					text: '企业经营主账户',
 					value: '1'
 				}, {
 					text: '定期存款户',
 					value: '2'
 				}, {
 					text: '资金划拨户',
 					value: '3'
 				}, {
 					text: '小微企业账户',
 					value: '4'
 				}, {
 					text: '贷款工具户',
 					value: '5'
 				}, {
 					text: '不活跃账户',
 					value: '6'
 				}, ],
 				// 状态选项
 				statusOptions: [{
 						text: '普通',
 						value: '1'
 					},
 					{
 						text: '重要',
 						value: '2'
 					},
 					{
 						text: '核心',
 						value: '3'
 					}
 				],
 				// 职业选项
 				jobOptions: [{
 						text: '务农人员',
 						value: '1'
 					},
 					{
 						text: '个体经营者',
 						value: '2'
 					},
 					{
 						text: '乡镇企业职工',
 						value: '3'
 					},
 					{
 						text: '农村务农人员',
 						value: '4'
 					},
 					{
 						text: '公职人员',
 						value: '5'
 					},
 					{
 						text: '自由职业者',
 						value: '6'
 					},
 					{
 						text: '无收入人群',
 						value: '7'
 					},
 					{
 						text: '返乡创业青年',
 						value: '8'
 					},
 					{
 						text: '合作社成员',
 						value: '9'
 					},
 					{
 						text: '扶贫帮扶对象',
 						value: '10'
 					},
 					{
 						text: '金融从业人员',
 						value: '11'
 					},
 				],
 				// 跟进阶段
 				genjinList: [{
 						// value: '初步沟通',
 						value: '客户识别与建档阶段',
 						key: '1'
 					},
 					{
 						// value: '确定意向',
 						value: '初步触达与需求挖掘阶段',
 						key: '2'
 					}, {
 						// value: '待成交',
 						value: '方案制定与沟通阶段',
 						key: '3'
 					},
 					{
 						// value: '已成交',
 						value: '促成转化阶段',
 						key: '4'
 					}, {
 						// value: '多次成交',
 						value: '售后维护与关系深化阶段',
 						key: '5'
 					},
 					{
 						// value: '已输单',
 						value: '二次开发与转介绍阶段',
 						key: '6'
 					},
 					{
 						value: '无效客户',
 						key: '7'
 					},

 				],
 				// 业务；来源2
 				yewuSourceList: [{
 						key: 10,
 						value: '个人储蓄存款'
 					}, {
 						key: 11,
 						value: '对公存款'
 					}, {
 						key: 12,
 						value: '其他存款'
 					}, {
 						key: 21,
 						value: '小微企业抵押贷款'
 					},
 					{
 						key: 22,
 						value: '农户经营贷款'
 					},
 					{
 						key: 23,
 						value: '快贷'
 					}, {
 						key: 24,
 						value: '房贷'
 					}, {
 						key: 25,
 						value: '项目贷款'
 					}, {
 						key: 26,
 						value: '公司信贷'
 					},
 					{
 						key: 31,
 						value: '传统结算'
 					},
 					{
 						key: 32,
 						value: '电子支付'
 					}, {
 						key: 33,
 						value: '收单'
 					}, {
 						key: 34,
 						value: '对公结算'
 					}, {
 						key: 41,
 						value: '财政类代理'
 					}, {
 						key: 42,
 						value: '保险类代理'
 					}, {
 						key: 43,
 						value: '其他代理'
 					}, {
 						key: 51,
 						value: '银行卡增值服务'
 					}, {
 						key: 52,
 						value: '理财服务'
 					}, {
 						key: 53,
 						value: '信用服务'
 					}, {
 						key: 54,
 						value: '贵金属'
 					},
 				],
 				// 客户类型
 				ctypeList: [{
 					key: 1,
 					value: '企业微信客户'
 				}, {
 					key: 2,
 					value: '存量客户'
 				}, {
 					key: 3,
 					value: '转让客户'
 				}, ],
 				// 客户来源
 				infoSourceData: [{
 						key: 0,
 						value: '未知来源'
 					}, {
 						key: 1,
 						value: '扫描二维码'
 					},
 					{
 						key: 2,
 						value: '搜索手机号'
 					}, {
 						key: 3,
 						value: '名片分享'
 					}, {
 						key: 4,
 						value: '群聊'
 					}, {
 						key: 5,
 						value: '手机通讯录'
 					}, {
 						key: 6,
 						value: '微信联系人'
 					}, {
 						key: 8,
 						value: '安装第三方应用时自动添加的客服人员'
 					}, {
 						key: 9,
 						value: '搜索邮箱'
 					}, {
 						key: 10,
 						value: '视频号添加'
 					}, {
 						key: 11,
 						value: '通过日程参与人添加'
 					}, {
 						key: 12,
 						value: '通过会议参与人添加'
 					}, {
 						key: 13,
 						value: '添加微信好友对应的企业微信'
 					}, {
 						key: 14,
 						value: '通过智慧硬件专属客服添加'
 					}, {
 						key: 15,
 						value: '通过上门服务客服添加'
 					}, {
 						key: 16,
 						value: '通过获客链接添加'
 					}, {
 						key: 17,
 						value: '通过定制开发添加'
 					}, {
 						key: 18,
 						value: '通过需求回复添加'
 					}, {
 						key: 21,
 						value: '通过第三方售前客服添加'
 					}, {
 						key: 22,
 						value: '通过可能的商务伙伴添加'
 					}, {
 						key: 24,
 						value: '通过接受微信账号收到的好友申请添加'
 					}, {
 						key: 201,
 						value: '内部成员共享 '
 					}, {
 						key: 202,
 						value: '管理员/负责人分配'
 					},

 				],
 				//客户个人详情信息
 				infoFormData: [{
 					cname: '',
 					mobile: '',
 					ctype: '',
 					source: '',
 					biaoqian: '',
 					company: '',
 					miaoshu: '',
 					genjinstage: '', //跟进阶段
 					zhiwu: '', //职务
 					yewuSource2: '', //业务来源
 					shengfen: '',
 					city: '城市', //
 					xian: '县', //
 					addr: '地址', //
 					birthday: '', //生日
 					email: '', //邮箱
 					gender: '', //1男 2女
 					age: '', //年龄
 					xueli: '', //学历
 					cl_status: '', //是否存量 0否 1是
 					isguanlian: '', //是否关联 0否 1是
 					external_userid: '', //外部用户id
 					avatar: '', //头像 
 					lasttime: '', //最后沟通时间外部用户头像
 					uptime: '', //
 					ctime: '', //

 				}],
 				// 
 				qunFormData: [{
 					chatName: '一家人',
 					qunBeizhu: '群聊置顶',
 					userId: '',
 					miaoshu: '该群还没有设置描述',
 					biaoqian: '',
 					genjinstage: '',
 					yewuSource: '',
 					ctime: '',
 					lastLianxiTime: '',
 				}],
 				// 弹窗相关数据
 				showModal: false,
 				currentField: '',
 				tempValue: '',
 				maxLength: 20,
 				queryParams: {
 					customerId: null,
 					pageNum: 1,
 					pageSize: 10
 				},
 				checkInFillList: [], //签到记录
 				downOption: {
 					offset: 80,

 				},
 				upOption: {
 					page: {
 						size: 10
 					},
 					empty: {
 						tip: '暂无相关数据'
 					}
 				},
 				// 字段配置
 				fieldConfig: {
 					chatName: {
 						title: '群名',
 						label: '修改群名',
 						placeholder: '请输入群名',
 						maxLength: 20,
 						type: 'text'
 					},
 					qunBeizhu: {
 						title: '备注名',
 						label: '修改备注名',
 						placeholder: '请输入备注名',
 						maxLength: 50,
 						type: 'text'
 					},
 					miaoshu: {
 						title: '描述信息',
 						label: '修改描述信息',
 						placeholder: '请输入描述信息',
 						maxLength: 50,
 						type: 'text'
 					},
 					cname: {
 						title: '客户名称',
 						label: '修改名称',
 						placeholder: '请输入名称',
 						maxLength: 50,
 						type: 'text'
 					},
 					mobile: {
 						title: '手机号',
 						label: '修改手机号',
 						placeholder: '请输入手机号',
 						maxLength: 11,
 						type: 'number'
 					},
 					email: {
 						title: '邮箱',
 						label: '修改邮箱',
 						placeholder: '请输入邮箱',
 						maxLength: 50,
 						type: 'text'
 					},
 					age: {
 						title: '年龄',
 						label: '修改年龄',
 						placeholder: '请输入年龄',
 						maxLength: 3,
 						type: 'number'
 					},
 					shengfen: {
 						title: '省份',
 						label: '修改省份',
 						placeholder: '请输入省份',
 						maxLength: 10,
 						type: 'text'
 					},
 					xian: {
 						title: '区/县',
 						label: '修改区/县',
 						placeholder: '请输入区/县',
 						maxLength: 10,
 						type: 'text'
 					},
 					city: {
 						title: '城市',
 						label: '修改城市',
 						placeholder: '请输入城市',
 						maxLength: 10,
 						type: 'text'
 					},
 					addr: {
 						title: '地址',
 						label: '修改地址',
 						placeholder: '请输入地址',
 						maxLength: 10,
 						type: 'text'
 					},
 					company: {
 						title: '公司',
 						label: '修改公司名称',
 						placeholder: '请输入公司名',
 						maxLength: 50,
 						type: 'text'
 					},
 					zhiwu: {
 						title: '职务',
 						label: '修改职务名称',
 						placeholder: '请输入职务名',
 						maxLength: 40,
 						type: 'text'
 					},
 					xueli: {
 						title: '学历',
 						label: '修改学历名称',
 						placeholder: '请输入学历名称',
 						maxLength: 30,
 						type: 'text'
 					},
 					hyqk: {
 						title: '婚育情况',
 						label: '修改婚育情况',
 						placeholder: '请输入',
 						maxLength: 30,
 						type: 'text'
 					},
 					frdb: {
 						title: '法人代表',
 						label: '修改法人',
 						placeholder: '请输入',
 						maxLength: 30,
 						type: 'text'
 					},
 					zczb: {
 						title: '注册资本',
 						label: '修改注册资本',
 						placeholder: '请输入',
 						maxLength: 30,
 						type: 'text'
 					},
 					tyshxydm: {
 						title: '统一社会信用代码',
 						label: '修改信用代码',
 						placeholder: '请输入',
 						maxLength: 30,
 						type: 'text'
 					},
 					web: {
 						title: '网址',
 						label: '修改网址',
 						placeholder: '请输入',
 						maxLength: 30,
 						// type: 'text'
 					},
 					rygm: {
 						title: '人员规模',
 						label: '修改人员规模',
 						placeholder: '请输入',
 						maxLength: 30,
 						type: 'text'
 					}
 				},
 				selectedAction: {
 					name: '文字记录',
 					id: 1,
 					url: '/static/genjin/text.png'
 				},
 				selectShaixuanAction: {
 					name: '📝全部',
 					id: '0',
 				},
 				show: false,
 				actions: [{
 						name: '文字记录',
 						id: 1,
 						url: '/static/genjin/text.png'
 					},
 					{
 						name: '发短信',
 						id: 4,
 						url: '/static/genjin/chat1.png'
 					},
 					{
 						name: '发微信',
 						id: 2,
 						url: '/static/genjin/wechat.png'
 					},
 					{
 						name: '打电话',
 						id: 3,
 						url: '/static/genjin/call.png'
 					},
 					{
 						name: '发邮件',
 						id: 5,
 						url: '/static/genjin/chat.png'
 					},
 				],

 				selectedValue: '', // 选中的值
 				displayText: '请选择', // 按钮显示的文字
 				isOpen: false, // 下拉菜单是否打开
 				currentTab: 0, //tab切换默认页面
 				tabs: ['详细信息', '客户活动', '跟进情况', '活跃记录', '拜访记录'],
 				activities: [{
 						date: '2025年7月7日 16:20',
 						type: 'edit',
 						title: '编辑客户',
 						changes: [{
 							field: '联系方式',
 							before: '15578789990',
 							after: '15574672343'
 						}]
 					},
 					{
 						date: '2025年7月7日 16:20',
 						type: 'edit',
 						title: '编辑客户',
 						changes: [{
 							field: '联系方式',
 							before: '15578789990',
 							after: '15574672343'
 						}]
 					},
 					{
 						date: '2025年7月3日',
 						type: 'empty',
 						message: '~没有更多数据了~'
 					}
 				],
 				activationRes: [],
 				activeUser: [{
 					date: '2025年7月3日',
 					type: 'edit',
 					// message: '~没有更多数据了~'
 					title: '活动内容',
 					changes: [{
 						field: '联系方式',
 						before: '15578789990',
 						after: '15574672343'
 					}]
 				}],
 				isFilterVisible: false, // 控制筛选弹窗显示
 			}
 		},

 		onLoad(options) {


 			// options 包含 URL 查询参数
 			if (options.type == 1) {
 				try {
 					// 解码并解析 JSON 数据
 					this.showViewType = options.type
 					console.log(options.data);
 					this.chatId = options.data;
 					this.queryParams.customerId = options.data;
 					this.getXxinfo(options.data)
 					// this.userData = jsonData; //获取用户信息
 					// console.log('接收到的JSON数据:', jsonData, this.detailsList);
 				} catch (e) {
 					console.error('JSON解析错误:', e);
 				}
 			} else if (options.type == 0) {
 				try {
 					// 解码并解析 JSON 数据
 					this.showViewType = options.type
 					console.log(options.data);
 					this.chatId = options.data;
 					this.queryParams.customerId = options.data;
 					this.getInfo(options.data)

 					// this.userData = jsonData; //获取用户信息
 					// console.log('接收到的JSON数据:', jsonData, this.detailsList);
 				} catch (e) {
 					console.error('JSON解析错误:', e);
 				}
 			}
 		},
 		computed: {
 			modalTitle() {
 				return this.fieldConfig[this.currentField]?.title || '编辑信息';
 			},
 			inputLabel() {
 				return this.fieldConfig[this.currentField]?.label || '';
 			},
 			inputPlaceholder() {
 				return this.fieldConfig[this.currentField]?.placeholder || '请输入';
 			},
 			inputType() {
 				return this.fieldConfig[this.currentField]?.type || 'text';
 			},
 			InputMaxLength() {
 				return this.fieldConfig[this.currentField]?.maxLength || '';
 			},
 			// 跟进记录 群和个人判断
 			// showViewType==1 ? qunFormData:infoFormData
 			showGjjlType() {
 				return showViewType == 1 ? qunFormData : infoFormData;
 			},
 			showCityData() {
 				const city1 = this.infoFormData.shengfen;
 				const city2 = this.infoFormData.city;
 				const city3 = this.infoFormData.xian;
 				return `${city1}/${city2}/${city3}`
 			},
 			// 客户类型回显
 			ctypeData() {
 				// return this.infoFormData.ctype
 				let list = this.ctypeList;
 				const option = list.find(
 					item => item.key == this.infoFormData.ctype
 				);

 				return option ? option.value : '未知';
 			},
 			// 客户来源回显
 			sourceData() {
 				let list = this.infoSourceData;
 				const option = list.find(
 					item => item.key == this.infoFormData.source
 				);

 				return option ? option.value : '未知';
 			},
 			// 性别回显
 			genderData() {
 				let list = this.genderOptions;
 				const option = list.find(
 					item => item.text == this.infoFormData.gender
 				);
 				return option ? option.text : '未知';
 			},
 			// 客户来源回显
 			csourceData() {
 				let list = this.csourceOptions;
 				const option = list.find(
 					item => item.key == this.infoFormData.csource
 				);

 				return option ? option.text : '未知';
 			},
 			// 居住时长回显
 			durationData() {
 				let list = this.durationOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.duration
 				);
 				return option ? option.text : '未知';
 			},
 			// 支付偏好回显
 			payPrefData() {
 				let list = this.payPrefOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.payPref
 				);
 				return option ? option.text : '未知';
 			},
 			incomeData() {
 				let list = this.incomeOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.income
 				);
 				return option ? option.text : '未知';
 			},
 			xyfxData() {
 				let list = this.xyfxOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.xyfx
 				);
 				return option ? option.text : '未知';
 			},

 			// 五色名单回显
 			wsmdData() {
 				let list = this.wsmdOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.wsmd
 				);
 				return option ? option.text : '未知';
 			},
 			sfdfData() {
 				let list = this.sfdfOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.sfdf
 				);
 				return option ? option.text : '未知';
 			},
 			cLifecycleData() {
 				let list = this.cLifecycleOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.cLifecycle
 				);
 				return option ? option.text : '未知';
 			},
 			djztData() {
 				let list = this.djztOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.djzt
 				);
 				return option ? option.text : '未知';
 			},
 			nsrzzData() {
 				let list = this.nsrzzOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.nsrzz
 				);
 				return option ? option.text : '未知';
 			},
 			qytypeData() {
 				let list = this.qytypeOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.qytype
 				);
 				return option ? option.text : '未知';
 			},
 			qyrdData() {
 				let list = this.qyrdOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.qyrd
 				);
 				return option ? option.text : '未知';
 			},
 			hangyeData() {
 				let list = this.hangyeOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.hangye
 				);
 				return option ? option.text : '未知';
 			},
 			transPrefData() {
 				let list = this.transPrefOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.transPref
 				);
 				return option ? option.text : '未知';
 			},
 			// 投资偏好
 			invPrefData() {
 				let list = this.invPrefOptions;
 				const option = list.find(
 					item => item.value == this.infoFormData.invPref
 				);
 				return option ? option.text : '未知';
 			},

 			filteredCustomers() {
 				if (!this.searchKeyword.trim()) {
 					return this.customers;
 				}

 				const keyword = this.searchKeyword.toLowerCase();
 				return this.customers.filter(customer =>
 					customer.name.toLowerCase().includes(keyword) ||
 					customer.company.toLowerCase().includes(keyword) ||
 					customer.phone.includes(keyword)
 				);
 			},
 		},
 		methods: {
 			onAreaChange(result) {
 				const city1 = result.provinceName;
 				const city2 = result.cityName;
 				const city3 = result.districtName;
 				// this.showCityData = `${city1}/${city2}/${city3}`
 				// this.showCityData = 'HHHHH'
 				console.log('选择结果：', `${city1}/${city2}/${city3}`)
 				let data = {
 					id: this.chatId,
 					externalUserid: this.infoFormData.externalUserid,
 					["shengfen"]: city1,
 					["city"]: city2,
 					["xian"]: city3,
 				};
 				request(api.editInfo, 'PUT', data)
 					.then(res => {
 						if (res.code == 200) {
 							// console.log(res.data);
 							this.getInfo(this.chatId)
 							this.infoFormData = res.data;
 							uni.showToast({
 								title: '修改成功',
 								icon: 'success'
 							});
 						}
 					})
 					.catch(response => {})
 			},
 			// 打开通用选择框弹窗方法
 			clickSelectPicker(item) {
 				this.showSelectPicker = true;
 				this.selectOptions.keyData = item;
 				switch (item) {
 					case "duration":
 						this.selectOptions.array = this.durationOptions;
 						this.selectOptions.title = "修改居住时长";

 						break;
 					case "payPref":
 						this.selectOptions.array = this.payPrefOptions;
 						this.selectOptions.title = "修改支付偏好";
 						break;
 					case "invPref":
 						this.selectOptions.array = this.invPrefOptions;
 						this.selectOptions.title = "修改投资偏好";
 						break;
 					case "income":
 						this.selectOptions.array = this.incomeOptions;
 						this.selectOptions.title = "设置月收入";
 						break;
 					case "xyfx":
 						this.selectOptions.array = this.xyfxOptions;
 						this.selectOptions.title = "信用风险评分";
 						break;
 					case "wsmd":
 						this.selectOptions.array = this.wsmdOptions;
 						this.selectOptions.title = "设置五色名单";
 						break;
 					case "sfdf":
 						this.selectOptions.array = this.sfdfOptions;
 						this.selectOptions.title = "是否代发客户";
 						break;
 					case "cLifecycle":
 						this.selectOptions.array = this.cLifecycleOptions;
 						this.selectOptions.title = "是否代发客户";
 						break;
 					case "djzt":
 						this.selectOptions.array = this.djztOptions;
 						this.selectOptions.title = "生命周期";
 						break;
 					case "nsrzz":
 						this.selectOptions.array = this.nsrzzOptions;
 						this.selectOptions.title = "纳税人资质";
 						break;
 					case "qytype":
 						this.selectOptions.array = this.qytypeOptions;
 						this.selectOptions.title = "企业类型";
 						break;
 					case "qyrd":
 						this.selectOptions.array = this.qyrdOptions;
 						this.selectOptions.title = "企业认定";
 						break;
 					case "hangye":
 						this.selectOptions.array = this.hangyeOptions;
 						this.selectOptions.title = "行业";
 						break;
 					case "transPref":
 						this.selectOptions.array = this.transPrefOptions;
 						this.selectOptions.title = "交易偏好";
 						break;
 						// qytypeOptions
 				}

 			},
 			// 确定修改方法 (通用修改弹窗)
 			async onSelectConfirm(e) {
 				const selected = e.value[0];
 				console.log(selected);
 				await this.editInfo(this.selectOptions.keyData, selected.text);
 				this.showSelectPicker = false;
 			},

 			showEditModal(field) {
 				this.currentField = field;
 				this.showModal = true;
 			},
 			// 关闭弹窗
 			closeModal() {
 				this.showModal = false;
 				this.currentField = '';
 				this.tempValue = '';
 			},

 			// 确认编辑
 			async confirmEdit() {
 				if (!this.tempValue.trim()) {
 					alert('内容不能为空');
 					return;
 				}
 				if (this.showViewType == 1) {
 					// 更新客户qun信息
 					this.qunFormData[this.currentField] = this.tempValue.trim();
 					console.log(this.qunFormData, this.currentField);
 					// 这里可以添加保存到服务器的逻辑
 					// console.log(`更新 ${this.fieldConfig}:`, this.tempValue.trim());
 					this.editXxInfo(this.currentField, this.tempValue.trim());
 				} else if (this.showViewType == 0) {
 					this.infoFormData[this.currentField] = this.tempValue.trim();
 					console.log(this.infoFormData, this.currentField);
 					// 这里可以添加保存到服务器的逻辑
 					await this.editInfo(this.currentField, this.tempValue.trim());
 					// await this.getInfo(this.chatId);

 				}
 				// 关闭弹窗
 				this.closeModal();


 			},
 			// 修改详细信息接口
 			editXxInfo(key, value) {
 				let data = {
 					chatId: this.chatId ? this.chatId : this.qunFormData.groupChat.chatId,
 					ctime: this.qunFormData.ctime ? this.qunFormData.ctime : this.qunFormData.groupChat.createTime,
 					[`${key}`]: value,
 				};

 				request(api.editXxInfo, 'PUT', data)
 					// request('http://192.168.1.88:8000/wx/yingyong/qun/edit' + `/${id}`, 'GET')
 					.then(res => {
 						if (res.code == 200) {
 							// console.log(res.data);
 							uni.showToast({
 								title: '修改成功',
 								icon: 'success'
 							});

 						}

 					})
 					.catch(response => {

 					})
 			},
 			// 修改个人客户详细信息
 			editInfo(key, value) {
 				let data = {
 					id: this.chatId,
 					externalUserid: this.infoFormData.externalUserid,
 					// ctime: this.qunFormData.ctime ? this.qunFormData.ctime : this.qunFormData.groupChat.createTime,
 					[`${key}`]: value,
 				};
 				request(api.editInfo, 'PUT', data)
 					// request('http://192.168.1.88:8000/wx/yingyong/qun/edit' + `/${id}`, 'GET')
 					.then(res => {
 						if (res.code == 200) {
 							// console.log(res.data);
 							this.getInfo(this.chatId)
 							this.infoFormData = res.data;
 							uni.showToast({
 								title: '修改成功',
 								icon: 'success'
 							});

 						}

 					})
 					.catch(response => {

 					})

 			},
 			// 日期格式化
 			formatter(type, value) {
 				if (type === 'year') {
 					return `${value}年`
 				}
 				if (type === 'month') {
 					return `${value}月`
 				}
 				if (type === 'day') {
 					return `${value}日`
 				}
 				if (type === 'hour') {
 					return `${value}点`
 				}
 				if (type === "minute") {
 					return `${value}分`
 				}
 				return value
 			},
 			// 日期确认
 			onDateConfirm(e) {
 				this.selectedDate = this.$formatTime(e.value, 'YYYY-MM-DD')
 				this.showDatePicker = false

 				// 这里可以添加根据日期筛选的逻辑
 				console.log('选择的日期:', this.selectedDate)
 				// this.filterReports()
 				let key = "";
 				if (this.dataOrclrq == "birthday") {
 					key = 'birthday';
 				} else if (this.dataOrclrq == "clrq") {
 					key = 'clrq';
 				}
 				this.editInfo(key, this.selectedDate);
 				// this.getInfo(this.chatId)
 			},
 			birthdayOrClrq(type) {
 				this.showDatePicker = true;
 				this.dataOrclrq = type;

 			},
 			onDateTimeConfirm(e) {
 				const date = new Date(e.value);
 				const year = date.getFullYear();
 				const month = date.getMonth() + 1;
 				const day = date.getDate();
 				const hour = date.getHours();
 				const minu = date.getMinutes();
 				console.log(date, '日期时间', `${year}-${month}-${day} ${hour}:${minu}`);
 				this.datetimeValue = `${year}-${month}-${day} ${hour}:${minu}`;
 				this.showTimerPicker = false;
 			},
 			// 取消日期时间选择
 			closeTimerPicker() {
 				this.showTimerPicker = false;
 				this.datetimeValue = "";
 				this.switch1 = false;
 			},
 			// 性别选择
 			onGenderConfirm(e) {
 				const selected = e.value[0];
 				this.showgenderPicker = false
 				let key = 'gender'
 				this.editInfo(key, selected.text);
 				// this.getInfo(this.chatId)
 			},
 			//职业选择
 			onJobConfirm(e) {
 				const selected = e.value[0];
 				this.showJobPicker = false
 				let key = "job"
 				this.editInfo(key, selected.text)
 			},
 			// 状态确认
 			onStatusConfirm(e) {
 				const selected = e.value[0]
 				this.selectedStatus = selected.text
 				this.showStatusPicker = false

 				// 这里可以添加根据状态筛选的逻辑
 				console.log('选择的等级:', selected.text)
 				let key = 'biaoqian'
 				if (this.showViewType == 1) {
 					this.editXxInfo(key, selected.text);
 					this.getXxinfo(this.chatId);
 				} else if (this.showViewType == 0) {
 					this.editInfo(key, selected.text);
 					// this.getInfo(this.chatId);
 				}
 			},
 			genjinConfirm(e) {
 				const selected = e.value[0];
 				this.showgenjinPicker = false;
 				let key = 'genjinStage';
 				if (this.showViewType == 1) {
 					this.editXxInfo(key, selected.key);
 					this.getXxinfo(this.chatId);
 				} else if (this.showViewType == 0) {
 					this.editInfo(key, selected.key);
 					// this.getInfo(this.chatId);
 				}
 			},
 			// 获取详细信息列表接口
 			getXxinfo(id) {
 				// /xxinfo/{chatId}
 				let data = {
 					charId: id
 				}
 				request(api.xxinfoList + `/${id}`, 'GET')
 					// request('http://192.168.1.88:8000/wx/yingyong/qun/xxinfo' + `/${id}`, 'GET')
 					.then(res => {
 						if (res.code == 200) {
 							console.log(res.data);
 							this.qunFormData = res.data;
 							this.dataId['userId'] = this.qunFormData.chatId;
 							this.selectedyewuSource = this.yewuSourceStatus(this.qunFormData.yewuSource2) //业务来源回显
 							this.selectedgenjinStage = this.genjinStatus(res.data.genjinStage)
 						}
 					})
 					.catch(response => {})
 			},
 			// 获取个人客户详细信息列表接口
 			getInfo(id) {
 				// infoListData
 				let data = {
 					charId: id
 				}
 				request(api.infoListData + `/${id}`, 'GET')
 					.then(res => {
 						if (res.code == 200) {
 							console.log(res.data);
 							this.infoFormData = res.data;
 							this.dataId['userId'] = this.infoFormData.externalUserid;
 							this.selectedyewuSource = this.yewuSourceStatus(this.infoFormData.yewuSource2) //业务来源回显
 							this.selectedgenjinStage = this.genjinStatus(res.data.genjinStage)
 						}
 					})
 					.catch(response => {})
 			},
 			// 客户 和 群  -----的客户信息活动
 			arecordsList() {
 				let data = {
 					pageSize: this.activepage,
 					pageNum: 1
 				}
 				console.log(this.showViewType, "群或客户");
 				if (this.showViewType == 0) {
 					data['externalUserid'] = this.infoFormData.externalUserid;
 					request(api.arecordsList, 'GET', data)
 						.then(res => {
 							console.log(res.rows);
 							this.activelyTotal = res.total;
 							this.activities = res.rows;
 						})
 						.catch(err => {
 							console.log(err);
 						})
 				} else if (this.showViewType == 1) {
 					// showViewType
 					data['chatId'] = this.qunFormData.chatId;
 					request(api.arecordsQunList, 'GET', data)
 						.then(res => {
 							console.log(res.rows);
 							this.activelyTotal = res.total;
 							this.activities = res.rows;
 						})
 						.catch(err => {
 							console.log(err);
 						})
 				}

 			},
 			activityMore() {
 				this.activepage = this.activepage + 10;
 				if (this.activepage > this.activelyTotal + 10) {
 					this.activityMores = false;
 				} else {
 					this.arecordsList()
 				}

 			},
 			// 活跃记录 接口（个人）
 			activationRecord() {
 				let data = {
 					pageSize: this.activepage,
 					pageNum: 1
 				}
 				if (this.showViewType == 0) {
 					data['externalUserid'] = this.infoFormData.externalUserid;
 					request(api.activationRecord, 'GET', data)
 						.then(res => {
 							console.log(res.rows);
 							this.activelyTotal = res.total;
 							this.activeUser = res.rows;
 						})
 						.catch(err => {
 							console.log(err);
 						})
 				} else if (this.showViewType == 1) {
 					data['chatId'] = this.qunFormData.chatId;
 					request(api.activationQunRecord, 'GET', data)
 						.then(res => {
 							console.log(res.rows);
 							this.activelyTotal = res.total;
 							this.activeUser = res.rows;
 						})
 						.catch(err => {
 							console.log(err);
 						})
 				}

 			},
 			activitionMore() {
 				this.activepage = this.activepage + 10;
 				if (this.activepage > this.activelyTotal + 10) {
 					this.activityMores = false;
 				} else {
 					this.activationRecord()
 				}

 			},
 			// 上传文件方法
 			uploadBtn() {
 				// 上传文件示例
 				// 选择文件
 				const token = uni.getStorageSync('wxwork_token');
 				uni.chooseFile({
 					count: 1, // 选择单个文件
 					type: 'all', // 所有文件类型
 					success: (res) => {
 						console.log(res.tempFiles[0], "附件");
 						let file = res.tempFiles[0];
 						uni.uploadFile({
 							// url: 'http://192.168.1.88:8000/wx/yingyong/frattach/upload',
 							url: api.upLoadList,
 							file: res.tempFiles[0],
 							header: {
 								'Authorization': 'Bearer ' + token
 							},
 							success: (ress) => {
 								console.log(JSON.parse(ress.data).msg);
 								if (JSON.parse(ress.data).code == 200) {
 									uni.showToast({
 										title: "上传成功", // 提示内容（必填）
 										icon: "success", // 图标：success/error/loading/none（默认success）
 										duration: 1000, // 显示时长（ms，默认1500）
 										position: "top" // 位置：top/middle/bottom（默认middle）
 									})
 									this.uploadFiles.push(JSON.parse(ress.data).msg); //添加附件信息
 								}
 							},
 							fail: (err) => {
 								console.error('上传附件失败:', err)
 								uni.showToast({
 									title: err, // 提示内容（必填）
 									icon: "error", // 图标：success/error/loading/none（默认success）
 									duration: 1000, // 显示时长（ms，默认1500）
 									position: "top" // 位置：top/middle/bottom（默认middle）
 								})
 							}
 						})
 					},
 					fail: (err) => {
 						console.error('选择文件失败:', err)
 					}
 				})
 				console.log(this.uploadFiles, "选择的文件");
 			},

 			// 业务来源回显
 			yewuSourceStatus(data) {
 				const listData = this.yewuSourceList;
 				const option = listData.find(
 					item => item.key == data
 				);

 				return option ? option.value : '未知状态';
 			},
 			// 跟进状态回显
 			genjinStatus(data) {
 				const listData = this.genjinList;
 				const option = listData.find(
 					item => item.key == data
 				);

 				return option ? option.value : '未知';
 			},
 			// 筛选条件改变
 			onFilterChange(value) {
 				console.log('筛选条件改变:', value);
 			},
 			// 显示筛选弹窗
 			showFilterModal() {
 				this.isFilterVisible = true
 				// this.showpop = true
 				console.log('显示筛选栏');
 			},
 			switchTab(index) {
 				this.currentTab = index;
 				// if (index != 2) {
 				// 	this.selectShaixuanAction.name = '📝全部';
 				// 	this.selectShaixuanAction.id = '0';
 				// }
 				// switch()
 				switch (index) {
 					case 0:
 						this.activepage = 10;
 						this.activityMores = true;
 						break;
 					case 1:
 						this.arecordsList(10);
 						break;
 					case 2:
 						console.log(this.showViewType);
 						this.activepage = 10;
 						this.activityMores = true;
 						this.$refs.gjjlRef.getGenjinList();
 						break;
 					case 3:

 						this.activationRecord();

 						break;
 				}
 			},
 			jumpSource() {
 				// console.log(this.qunFormData.yewuSource2, '跳转选择业务来源');
 				let selectText = "";
 				if (this.showViewType == 1) {
 					selectText = this.qunFormData.yewuSource2
 				} else if (this.showViewType == 0) {
 					selectText = this.infoFormData.yewuSource2
 				}
 				uni.navigateTo({
 					url: `/pages/management/yewuSource?selectedId=${selectText}`
 				})
 			},
 			// 业务来源选中后 数据
 			handleBackData(data) {
 				// this.selectedyewuSource = data;
 				let key = 'yewuSource2'
 				if (this.showViewType == 1) {
 					this.editXxInfo(key, data);
 					// 更新页面数据...
 					this.getXxinfo(this.chatId);
 				} else if (this.showViewType == 0) {
 					this.editInfo(key, data);
 					// 更新页面数据...
 					// this.getInfo(this.chatId);
 				}
 			},
 			toggleFollow(e) {
 				// this.isFollowEnabled = e.detail.value;
 				// console.log(e.detail.value, '33333333333333333');
 				if (this.switch1) {
 					this.showTimerPicker = true
 				} else {
 					this.showTimerPicker = false;
 					this.datetimeValue = ""; //清空 日期选择
 					// this.onDateTimeConfirm()
 				}
 			},
 			closeSelect() {
 				this.show = false
 			},
 			selectClick(item) {
 				this.selectedAction = item;
 				console.log(item);
 				this.show = false
 			},
 			// 跟进情况分类筛选
 			selectShaixuanClick(item) {
 				this.selectShaixuanAction = item;
 				console.log(item, '筛选列表条件');
 				this.$refs.gjjlRef.getGenjinList(item.id);

 			},
 			closeShaixuanSelect() {
 				this.isFilterVisible = false
 			},
 			handleSearch() {
 				// 搜索逻辑已在computed中实现
 			},

 			selectCustomer(customer) {
 				this.selectedCustomer = customer;
 			},

 			goToNextStep() {
 				if (this.selectedCustomer.id) {
 					uni.showToast({
 						title: `已选择客户: ${this.selectedCustomer.name}`,
 						icon: 'success'
 					});
 				}
 				this.mergePage = 2
 			},
 			goToPreviousStep() {
 				this.mergePage = 1
 			},
 			confirmMerge() {
 				this.mergePage = 3
 			},
 			// 获取转让人员的列表
 			getGuanliList() {
 				request(api.guanli, "GET")
 					.then(res => {
 						console.log(res);
 						if (res.code == 200) {
 							this.guanliList = res.data;
 						}
 					})
 					.catch(err => {
 						console.log(err);
 					})
 			},
 			// 转让确认接口 
 			zhuanchuFunc() {
 				let data = {};
 				if (this.showViewType == 0) {
 					// let data = {
 					// 	customerInfoId: this.chatId, //客户id
 					// 	takeOverUserid: this.shareContent.id, //接受人id
 					// }
 					data['customerInfoId'] = this.chatId; //客户id
 					data['takeOverUserid'] = this.shareContent.id; //接受人id
 					request(api.zhuanchu, "POST", data)
 						.then(res => {
 							console.log(res); //转让成功
 							if (res.code == 200) {
 								uni.showToast({
 									title: res.msg, // 提示内容（必填）
 									icon: "success", // 图标：success/error/loading/none（默认success）
 									duration: 1000, // 显示时长（ms，默认1500）
 									position: "top" // 位置：top/middle/bottom（默认middle）
 								});
 							}
 							this.enterShowShare = false;
 							this.showShare = false;
 						})
 						.catch(err => {
 							console.log(err);
 						})
 				} else if (this.showViewType == 1) {
 					data['chatId'] = this.chatId;
 					data['newOwner'] = this.shareContent.id; //接受人id
 					request(api.qunZhuanchu, "GET", data)
 						.then(res => {
 							console.log(res); //转让成功
 							if (res.code == 200) {
 								uni.showToast({
 									title: res.msg, // 提示内容（必填）
 									icon: "success", // 图标：success/error/loading/none（默认success）
 									duration: 1000, // 显示时长（ms，默认1500）
 									position: "top" // 位置：top/middle/bottom（默认middle）
 								});
 							}
 							this.enterShowShare = false;
 							this.showShare = false;
 						})
 						.catch(err => {
 							console.log(err);
 						})
 				}

 			},
 			enterCell(item) {
 				console.log(item, "转让给他……");
 				this.shareContent.content = `确认转让给 “ ${item.userName} ”吗？`
 				this.shareContent.id = item.userId;
 				this.enterShowShare = true;
 			},
 			// 确认转让按钮
 			enterShareconfirm() {
 				this.zhuanchuFunc()
 			},
 			// 取消转让
 			closeSharecancel() {
 				this.enterShowShare = false;
 			},
 			changetab(index) {
 				switch (index) {
 					case 1:
 						// uni.showToast({
 						// 	title: '转让', // 提示内容（必填）
 						// 	icon: "none", // 图标：success/error/loading/none（默认success）
 						// 	duration: 1000, // 显示时长（ms，默认1500）
 						// 	position: "top" // 位置：top/middle/bottom（默认middle）
 						// });
 						this.getGuanliList();
 						this.showShare = true;
 						break;
 					case 2:
 						uni.showToast({
 							title: '分享', // 提示内容（必填）
 							icon: "none", // 图标：success/error/loading/none（默认success）
 							duration: 1000, // 显示时长（ms，默认1500）
 							position: "top" // 位置：top/middle/bottom（默认middle）
 						});
 						break;
 					case 3:
 						// uni.showToast({
 						// 	title: '呼叫', // 提示内容（必填）
 						// 	icon: "none", // 图标：success/error/loading/none（默认success）
 						// 	duration: 1000, // 显示时长（ms，默认1500）
 						// 	position: "top" // 位置：top/middle/bottom（默认middle）
 						// });
 						this.callFunc();
 						break;
 					default:
 						break;
 				}
 			},
 			// 呼叫手机号
 			callFunc() {
 				if (this.infoFormData.mobile) {
 					uni.makePhoneCall({
 						phoneNumber: this.infoFormData.mobile
 					});
 				}
 			},
 			// 打开群成员
 			openQunListInfo(item) {
 				const data = JSON.stringify(item.memberList);
 				uni.navigateTo({
 					url: `/pages/management/qunListInfo?data=${data}`
 				})
 			},
 			closeShare() {
 				this.showShare = false
 				// console.log('close');
 			},
 			navigateToManagement() {
 				uni.navigateTo({
 					url: '/pages/management/management'
 				})
 			},
 			// 合并操作
 			mergeClick() {
 				// this.mergeShow = true;
 			},
 			mergeClose() {
 				this.mergeShow = false;
 			},
 			async upCallback(page) {
 				this.queryParams.pageNum = page.num;
 				this.queryParams.pageSize = page.size;
 				if (this.queryParams.pageNum == 1) {
 					this.checkInFillList = []
 				}

 				var res = await listJzzxCheckInFill({
 					...this.queryParams

 				})



 				this.checkInFillList = this.checkInFillList.concat(res.rows);
 				this.mescroll.endBySize(this.checkInFillList.length, res.total);
 			},

 			intoCheckInFillDetail(item) {
 				uni.navigateTo({
 					url: "/pages/gridManagement/common/checkInFill/checkInFill?id=" + item.id
 				});

 			},
 			// 跟进记录提交按钮
 			submitFollow() {
 				console.log('提交');
 				const data = {
 					// userId: this.infoFormData.userId,
 					// externalUserid: this.infoFormData.externalUserid,
 					isremind: this.switch1 ? 1 : 0, //跟进提醒
 					remindTime: this.datetimeValue ? this.datetimeValue : null, //提醒时间
 					// remind_status: 0,
 					neirong: this.followContent,
 					// status: 0,
 					followType: this.selectedAction.id, //跟进类型
 					files: this.uploadFiles.length ? this.uploadFiles : [],
 				};

 				if (this.showViewType == 0) {
 					data['externalUserid'] = this.infoFormData.externalUserid;
 					console.log(data, '个人data提交内容');
 					request(api.addGenjinList, "POST", data)
 						.then(res => {
 							if (res.code == 200) {
 								console.log(res);
 								this.uploadFiles = [];
 								this.closeTimerPicker();
 								this.followContent = '';
 								this.$refs.gjjlRef.getGenjinList();
 							}
 						})
 						.catch(err => {})
 				} else if (this.showViewType == 1) {
 					data['chatId'] = this.qunFormData.chatId;
 					console.log(data, '群data提交内容');
 					request(api.addGenjinQunList, "POST", data)
 						.then(res => {
 							if (res.code == 200) {
 								console.log(res);
 								this.uploadFiles = [];
 								this.closeTimerPicker();
 								this.followContent = '';
 								this.$refs.gjjlRef.getGenjinList();
 							}
 						})
 						.catch(err => {})
 				}

 			},
 		},
 		watch: {
 			// 监听选中的值变化
 			selectedValue(newVal) {
 				if (newVal) {
 					const selectedOption = this.options.find(item => item.value === newVal)
 					this.displayText = selectedOption ? selectedOption.label : '请选择'
 				} else {
 					this.displayText = '请选择'
 				}
 			}
 		},

 	}
 </script>

 <style>
 	/* 全局样式 */
 	* {
 		margin: 0;
 		padding: 0;
 		box-sizing: border-box;
 	}

 	.checkInFill-box1 {
 		background-color: #f5f7fa;
 		padding: 0 30rpx;

 		.item-box {
 			background-color: #fff;
 			border-radius: 16rpx;
 			padding: 24rpx;
 			font-size: 28rpx;
 			margin-top: 20rpx;
 			box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
 			transition: transform 0.2s;

 			.row {
 				margin-top: 10rpx;
 			}
 		}
 	}

 	.container {
 		display: flex;
 		flex-direction: column;
 		height: calc(100vh - var(--window-top));
 		background-color: #f5f5f5;
 	}


 	/* 客户信息卡片 */
 	.customer-card {
 		background: #fff;
 		margin: 20rpx;
 		border-radius: 16rpx;
 		padding: 30rpx;
 		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
 	}

 	.customer-header {
 		display: flex;
 		align-items: center;
 		/* margin-bottom: 30rpx; */
 	}

 	/* .customer-avatar {
 		width: 100rpx;
 		height: 100rpx;
 		border-radius: 50%;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		margin-right: 24rpx;
 		color: white;
 		font-size: 40rpx;
 		font-weight: bold;
 	} */

 	.customer-info {
 		flex: 1;

 	}

 	.customer-name {
 		font-size: 36rpx;
 		font-weight: 500;
 		/* margin-bottom: 10rpx; */
 	}

 	.customer-tags {
 		/* display: flex; */
 		flex-wrap: wrap;
 		gap: 16rpx;
 		margin-top: 10rpx;
 	}

 	.tag {
 		padding: 6rpx 0rpx;
 		/* background: #f0f0f0; */
 		border-radius: 6rpx;
 		font-size: 24rpx;
 		color: #666;
 	}

 	.customer-details {
 		padding: 0 30rpx;
 		padding-top: 16rpx;
 		background-color: white;
 		font-size: 28rpx;
 		color: #666;
 		line-height: 1.6;
 	}

 	.detail-item {
 		margin-bottom: 16rpx;
 		display: flex;
 		align-items: center;
 	}

 	.highlight {
 		color: #2b85e4;
 	}

 	/* Tab栏 */
 	.tabs {
 		margin-top: 30rpx;
 		display: flex;
 		background: #fff;
 		border-bottom: 1px solid #eee;
 	}

 	.tab {
 		flex: 1;
 		text-align: center;
 		padding: 24rpx 0;
 		font-size: 30rpx;
 		color: #666;
 		position: relative;
 	}

 	.tab.active {
 		color: #2b85e4;
 		font-weight: 500;
 	}

 	.tab.active::after {
 		content: '';
 		position: absolute;
 		bottom: 0;
 		left: 20%;
 		right: 20%;
 		height: 4rpx;
 		background-color: #2b85e4;
 	}

 	/* 内容区域容器 */
 	.content-container {
 		flex: 1;
 		display: flex;
 		flex-direction: column;
 		overflow: hidden;
 	}

 	/* Tab内容区域 */
 	.tab-content {
 		/* flex: 1; */
 		height: 100%;
 		display: flex;
 		padding: 30rpx;
 		background: #fff;

 		.uni-scroll-view-content {
 			display: flex;
 			flex-direction: column;
 		}
 	}

 	/* 详细信息内容 */
 	.info-item {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
 		padding: 24rpx 0;
 		border-bottom: 1px solid #f5f5f5;

 	}

 	.info-text {
 		font-size: 30rpx;
 	}

 	.arrow {
 		color: #ccc;
 		font-size: 28rpx;
 	}

 	/* 其他Tab的占位内容 */
 	.placeholder {
 		text-align: center;
 		padding: 80rpx 0;
 		color: #999;
 		font-size: 28rpx;
 	}

 	/* 客户活动 style样式 */

 	.timeline {
 		position: relative;
 		padding: 40rpx 0;
 	}

 	.timeline::before {
 		content: '';
 		position: absolute;
 		left: 30rpx;
 		top: 0;
 		bottom: 0;
 		width: 2rpx;
 		background: #e8e8e8;
 	}

 	.timeline-item {
 		position: relative;
 		margin-bottom: 50rpx;
 		padding-left: 90rpx;
 	}

 	.timeline-node {
 		position: absolute;
 		left: 0;
 		top: 0;
 		/* width: 40rpx; */
 		/* height: 40rpx; */
 		border-radius: 50%;
 		/* background: #07c160; */
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		color: white;
 		font-size: 26rpx;
 		z-index: 2;
 	}


 	.timeline-date {
 		font-size: 28rpx;
 		color: #999;
 		margin-bottom: 16rpx;
 	}

 	.activity-card {
 		background: #f9f9f9;
 		border-radius: 16rpx;
 		padding: 24rpx;
 		margin-top: 10rpx;
 	}

 	.activity-title {
 		font-size: 30rpx;
 		font-weight: 500;
 		/* margin-bottom: 16rpx; */
 		display: flex;
 		align-items: center;
 	}

 	.activity-title .icon {
 		color: #07c160;
 		margin-right: 10rpx;
 	}

 	.activity-detail {
 		font-size: 28rpx;
 		color: #666;
 		line-height: 1.5;
 		background-color: white;
 		padding: 10rpx;
 		margin: 10rpx 0;
 		box-sizing: border-box;
 		border-radius: 16rpx;
 	}

 	.change-item {
 		margin: 10rpx 0;

 	}

 	.change-label {
 		font-weight: 500;
 		color: #333;
 		margin-right: 10rpx;
 	}

 	.change-before,
 	.change-after {
 		display: inline-block;
 		padding: 4rpx 12rpx;
 		border-radius: 8rpx;
 		margin: 0 10rpx;
 		/* 	overflow: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap; */
 	}

 	.change-before {
 		background: #ffeaea;
 		color: #f56c6c;
 	}

 	.change-after {
 		background: #e8f5e8;
 		color: #07c160;
 	}

 	.no-more-data {
 		text-align: center;
 		color: #999;
 		font-size: 28rpx;
 		padding: 40rpx 0;
 	}

 	/* 添加跟进开关 */
 	.follow-toggle {
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
 		/* margin-bottom: 20px; */
 		padding: 15px;
 		background: #f9f9f9;
 		border-radius: 8px;
 	}

 	.toggle-label {
 		font-size: 16px;
 		font-weight: 500;
 	}

 	.toggle-switch {
 		position: relative;
 		display: inline-block;
 		width: 50px;
 		height: 26px;
 	}

 	.toggle-switch input {
 		opacity: 0;
 		width: 0;
 		height: 0;
 	}

 	/* 输入区域 */
 	.input-area {
 		/* margin-bottom: 20px; */
 	}

 	.input-label {
 		display: block;
 		margin-bottom: 8px;
 		font-size: 14px;
 		color: #666;
 	}

 	.content-input {
 		width: 100%;
 		/* padding: 12px; */
 		/* border: 1px solid #e0e0e0; */
 		border-radius: 6px;
 		font-size: 14px;
 		resize: vertical;
 		box-sizing: border-box;
 	}

 	.content-input:focus {
 		outline: none;
 		border-color: #07c160;
 	}

 	.submit-area {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
 		margin-top: 16rpx;

 		.submit-btn {
 			font-size: 28rpx;
 			width: 20%;
 		}
 	}

 	/*  */

 	.gjjl-list {
 		flex: 1;
 		/* background-color: pink; */
 		height: 56%;
 		/* display: flex; */
 	}

 	.modal-container {
 		padding: 30rpx;
 		background-color: #fff;
 	}

 	.modal-header {
 		padding-bottom: 20rpx;
 		/* margin-bottom: 30rpx; */
 	}

 	.modal-title {
 		font-size: 36rpx;
 		font-weight: bold;
 		color: #333;
 		text-align: center;
 		margin-bottom: 20rpx;
 	}

 	.modal-body {
 		margin-bottom: 40rpx;
 	}

 	.input-group {
 		margin-bottom: 30rpx;
 		position: relative;
 	}

 	.input-label {
 		display: block;
 		font-size: 28rpx;
 		color: #666;
 		margin-bottom: 16rpx;
 	}

 	.char-count {
 		position: absolute;
 		right: 20rpx;
 		bottom: 20rpx;
 		font-size: 24rpx;
 		color: #999;
 	}

 	.modal-footer {
 		display: flex;
 		gap: 20rpx;
 		padding-top: 20rpx;
 		border-top: 1rpx solid #f0f0f0;
 	}

 	/* 	.cancel-btn {
	  flex: 1;
	  background-color: #f8f8f8;
	  color: #666;
	} */

 	/* 动画效果 */
 	.u-popup__content {
 		transition: all 0.3s ease-out;
 	}

 	/* 输入框聚焦样式 */
 	/deep/ .u-input__input:focus {
 		border-color: #2b85e4 !important;
 	}




 	/* 点击合并的弹窗样式 */
 	.modal-content {
 		padding: 0;
 	}

 	.modal-header {
 		padding: 30rpx;
 		border-bottom: 1rpx solid #f0f0f0;
 		text-align: center;
 	}

 	.modal-title {
 		font-size: 36rpx;
 		font-weight: bold;
 		color: #333;
 	}

 	.steps-container {
 		padding: 30rpx;
 		background-color: #fafafa;
 	}

 	.steps {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
 		position: relative;
 	}

 	.steps::before {
 		content: '';
 		position: absolute;
 		top: 28rpx;
 		left: 80rpx;
 		right: 80rpx;
 		height: 4rpx;
 		background-color: #e8e8e8;
 		z-index: 1;
 	}

 	.step-item {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		position: relative;
 		z-index: 2;
 	}

 	.step-icon {
 		width: 60rpx;
 		height: 60rpx;
 		border-radius: 50%;
 		background-color: #e8e8e8;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		font-size: 28rpx;
 		color: #fff;
 		margin-bottom: 16rpx;
 	}

 	.step-icon.active {
 		background-color: #2b85e4;
 	}

 	.step-text {
 		font-size: 24rpx;
 		color: #999;
 	}

 	.step-text.active {
 		color: #2b85e4;
 		font-weight: bold;
 	}

 	.search-section {
 		padding: 30rpx;
 	}

 	.customer-list {
 		height: 700rpx;
 		margin-top: 20rpx;
 	}

 	.customer-item {
 		display: flex;
 		align-items: center;
 		padding: 30rpx;
 		border-bottom: 1rpx solid #f0f0f0;
 		cursor: pointer;
 		transition: background-color 0.2s;
 	}

 	.customer-item.selected {
 		background-color: #ecf5ff;
 	}

 	.customer-info {
 		flex: 1;
 	}

 	.customer-name {
 		font-size: 30rpx;
 		font-weight: bold;
 		margin-bottom: 8rpx;
 		display: block;
 	}

 	.customer-company {
 		font-size: 26rpx;
 		color: #999;
 		display: block;
 	}

 	.check-icon {
 		color: #2b85e4;
 	}

 	.no-more {
 		text-align: center;
 		padding: 40rpx;
 		color: #999;
 		font-size: 26rpx;
 	}

 	.modal-footer {
 		padding: 30rpx;
 		border-top: 1rpx solid #f0f0f0;
 		display: flex;
 		gap: 24rpx;
 	}

 	/* 第二步样式 */
 	.modal-content {
 		padding: 0;
 	}

 	.modal-header {
 		padding: 30rpx;
 		border-bottom: 1rpx solid #f0f0f0;
 		text-align: center;
 	}

 	.modal-title {
 		font-size: 36rpx;
 		font-weight: bold;
 		color: #333;
 	}

 	.steps-container {
 		padding: 30rpx;
 		background-color: #fafafa;
 	}

 	.steps {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
 		position: relative;
 	}

 	.steps::before {
 		content: '';
 		position: absolute;
 		top: 28rpx;
 		left: 80rpx;
 		right: 80rpx;
 		height: 4rpx;
 		background-color: #e8e8e8;
 		z-index: 1;
 	}

 	.step-item {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		position: relative;
 		z-index: 2;
 	}

 	.step-icon {
 		width: 60rpx;
 		height: 60rpx;
 		border-radius: 50%;
 		background-color: #e8e8e8;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		font-size: 28rpx;
 		color: #fff;
 		margin-bottom: 16rpx;
 	}

 	.step-icon.active {
 		background-color: #2b85e4;
 	}

 	.step-icon.completed {
 		background-color: #2b85e4;
 	}

 	.step-text {
 		font-size: 24rpx;
 		color: #999;
 	}

 	.step-text.active {
 		color: #2b85e4;
 		font-weight: bold;
 	}

 	.step-text.completed {
 		color: #2b85e4;
 	}

 	.content-section {
 		padding: 30rpx;
 	}

 	.merge-section {
 		background-color: #f8f9fa;
 		border-radius: 16rpx;
 		padding: 30rpx;
 		margin-bottom: 30rpx;
 	}

 	.merge-header {
 		font-size: 28rpx;
 		color: #666;
 		margin-bottom: 30rpx;
 		display: block;
 	}

 	.merge-content {
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
 	}

 	.customer-cards {
 		display: flex;
 		align-items: center;
 		flex: 1;
 	}

 	.customer-avatar {
 		width: 80rpx;
 		height: 80rpx;
 		border-radius: 50%;
 		/* background-color: #2b85e4; */
 		color: white;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		font-weight: bold;
 		margin-right: 20rpx;
 	}

 	.customer-info {
 		flex: 1;
 	}

 	.customer-type {
 		font-size: 24rpx;
 		color: #999;
 		margin-bottom: 4rpx;
 		display: block;
 	}

 	.customer-name {
 		font-size: 28rpx;
 		font-weight: bold;
 		display: block;
 	}

 	.merge-arrow {
 		margin: 0 30rpx;
 	}

 	.data-subject {
 		margin-bottom: 30rpx;
 	}

 	.subject-title {
 		font-size: 28rpx;
 		font-weight: bold;
 		margin-bottom: 20rpx;
 		display: block;
 	}

 	.subject-options {
 		display: flex;
 		gap: 20rpx;
 	}

 	.subject-option {
 		flex: 1;
 		border: 2rpx solid #e8e8e8;
 		border-radius: 12rpx;
 		padding: 24rpx;
 		cursor: pointer;
 		transition: all 0.2s;
 	}

 	.subject-option.selected {
 		border-color: #2b85e4;
 		background-color: #ecf5ff;
 	}

 	.option-header {
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
 		margin-bottom: 16rpx;
 	}

 	.option-title {
 		font-size: 26rpx;
 		font-weight: bold;
 	}

 	.option-content {
 		font-size: 24rpx;
 		color: #666;
 		display: block;
 	}

 	.merge-rules {
 		background-color: #f8f9fa;
 		border-radius: 16rpx;
 		padding: 30rpx;
 	}

 	.rules-title {
 		font-size: 28rpx;
 		font-weight: bold;
 		margin-bottom: 20rpx;
 		display: block;
 	}

 	.rules-list {
 		font-size: 24rpx;
 		color: #666;
 		line-height: 1.6;
 	}

 	.rule-item {
 		margin-bottom: 16rpx;
 		display: flex;
 		align-items: flex-start;
 	}

 	.rule-bullet {
 		color: #2b85e4;
 		margin-right: 12rpx;
 		flex-shrink: 0;
 		margin-top: 4rpx;
 	}

 	.rule-text {
 		flex: 1;
 	}

 	.modal-footer {
 		padding: 30rpx;
 		border-top: 1rpx solid #f0f0f0;
 		display: flex;
 		gap: 24rpx;
 	}

 	.success-container {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
 		padding: 80rpx 40rpx;
 		background-color: #ffffff;
 	}

 	.success-icon {
 		width: 160rpx;
 		height: 160rpx;
 		background-color: #07c160;
 		border-radius: 50%;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		margin-bottom: 40rpx;
 	}

 	.success-title {
 		font-size: 36rpx;
 		font-weight: 600;
 		color: #333333;
 		margin-bottom: 20rpx;
 	}

 	.success-desc {
 		font-size: 28rpx;
 		color: #999999;
 		margin-bottom: 60rpx;
 	}

 	.jump-btn {
 		width: 100%;
 	}

 	/* 筛选区域 */
 	.filter-section {
 		display: flex;
 		padding: 15px 0;
 		background-color: #fff;
 		border-bottom: 1px solid #eee;
 		justify-content: space-between;
 		align-items: center;
 		height: 80rpx;
 		box-sizing: border-box;
 	}

 	.scroll-box {
 		height: 35vh;
 	}

 	.popnoxssty {
 		width: 660rpx;
 		/* padding-bottom: 60rpx; */



 		.poptitle {
 			text-align: center;
 			margin-top: 25rpx;
 		}

 		.scboxs {
 			margin: 20rpx 60rpx 0;
 			/* margin-left: 60rpx; */
 			font-size: 24rpx;
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
 		}

 		.inpboxs {
 			width: 82%;
 			margin-left: 9%;
 			/* border: 1px solid #999999; */
 			/* display: flex; */
 			/* align-items: center; */
 			/* justify-content: space-between; */

 			margin-top: 10rpx;

 			.inpsty {
 				margin-left: 20rpx;
 			}

 			.danwei {
 				width: 100%;
 				text-align: right;
 				margin-right: 20rpx;
 			}
 		}
 	}

 	.list-item {
 		display: flex;
 		align-items: center;
 		padding: 20rpx 0;
 		justify-content: center;
 		border-bottom: 0.5px solid #ccc;
 	}

 	.list-item>view {
 		display: flex;
 		width: 180rpx;
 		align-items: center;

 	}

 	.item-icon {
 		width: 40rpx;
 		height: 40rpx;
 		margin-right: 20rpx;
 		border-radius: 6rpx;
 	}

 	.item-text {
 		margin-left: 10rpx;
 		font-size: 30rpx;
 		color: #303133;
 		line-height: 1.5;
 	}
 </style>